<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>表单</title>
</head>
<body>
    <!-- 
        一.form 表单
        1.action属性：当前表单数据提交至哪一个后台
        2.method属性：表单提交方式
            GET方式：默认方式  
                2.1 地址栏：url?name=张三三&pwd=123 会追加显示数据
                2.2 不适合提交隐秘的数据；不适合提交大量的数据
            POST方式
                2.1 数据不会追加在地址栏中
                2.2 适合提交隐秘的数据；适合提交大量的数据

        二.表单元素  
        1.input标签  
            type属性：
                1.1 text   普通文本
                1.2 password 密码文本
                1.3 submit 提交按钮
                1.4 reset  重置按钮
            name属性：
                收集表单填写的数据
            placeholder属性：
                提示    
    -->
    <form action="#" method="post">
        <table border="1px" cellpadding="10px" cellspacing="0px" align="center">
            <tr>
                <fieldset>
                    <legend>必填项</legend>
                </fieldset>
            </tr>
            <tr>
                <td>username</td>
                <td><input type="text" name="name" placeholder="请输入用户名" /></td>
            </tr>
            <tr>
                <td>password</td>
                <td><input type="password" name="pwd" placeholder="请输入密码" /></td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <input type="submit" value="登录" />&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="reset" value="重置" />
                </td>
            </tr>
        </table>
    </form>
</body>
</html>